<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <title>益智游戏</title>
    <link id="icon" rel="shortcut icon" href="static/picture/favicon.ico">
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <meta name="MobileOptimized" content="320">
    <!--Start Style -->
    <link rel="stylesheet" type="text/css" href="static/css/fonts.css">
    <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/icofont.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/2048.css" />
    <link rel="stylesheet" type="text/css" href="static/css/style.css">
    <link rel="stylesheet" id="theme-change" type="text/css" href="">
    <script src="static/js/jquery.min.js"></script>
    <script src="static/js/js_on_develop/header.js"></script>
    <script src=static/js/js_on_develop/basic.js></script>
    <script type="text/javascript" src="static/js/js_on_develop/support2048.js"></script>
    <script type="text/javascript" src="static/js/js_on_develop/showAnimation.js"></script>
    <script type="text/javascript" src="static/js/js_on_develop/main2048.js"></script>

</head>

<body>

    <div class="loader">
        <div class="spinner">
            <img src="static/picture/loader.gif" alt="">
        </div>
    </div>
    <!-- Main Body -->
    <div class="page-wrapper">
        <!-- Header 公共部分 -->
        <div class="header-page"></div>
        <!-- Container Start -->
        <div class="page-wrapper">
            <div class="main-content">

                <!--排行榜界面-->
                <input type="checkbox" id="menu_btn">
                <label class="menu-btn" for="menu_btn">
                    排行榜
                </label>
                <!-- 绘制标题 -->
                <header>
                    <h1>2048</h1>
                    <a href="javascript:newgame();" id="newgamebutton">New Game</a>
                    <p>score:<span id="score">0</span></p>
                </header>

                <!-- 绘制棋盘格 -->
                <div id="grid-container">
                    <div class="grid-cell" id="grid-cell-0-0"></div>
                    <div class="grid-cell" id="grid-cell-0-1"></div>
                    <div class="grid-cell" id="grid-cell-0-2"></div>
                    <div class="grid-cell" id="grid-cell-0-3"></div>

                    <div class="grid-cell" id="grid-cell-1-0"></div>
                    <div class="grid-cell" id="grid-cell-1-1"></div>
                    <div class="grid-cell" id="grid-cell-1-2"></div>
                    <div class="grid-cell" id="grid-cell-1-3"></div>

                    <div class="grid-cell" id="grid-cell-2-0"></div>
                    <div class="grid-cell" id="grid-cell-2-1"></div>
                    <div class="grid-cell" id="grid-cell-2-2"></div>
                    <div class="grid-cell" id="grid-cell-2-3"></div>

                    <div class="grid-cell" id="grid-cell-3-0"></div>
                    <div class="grid-cell" id="grid-cell-3-1"></div>
                    <div class="grid-cell" id="grid-cell-3-2"></div>
                    <div class="grid-cell" id="grid-cell-3-3"></div>
                </div>
                <div class="wrapper">
                    <ul class="menu">
                        <div class="game-randings">
                            <table class=" table-game">
                                <thead>
                                    <tr>
                                        <th>头像</th>
                                        <th>姓名</th>
                                        <th>分数</th>
                                        <th>名次</th>
                                    </tr>
                                </thead>
                                <tbody id="table table-styled">
                                    <tr id="">
                                        <td>
                                            <span class="img-thumb">
                                                <img src="static/picture/user.jpg" alt="">
                                                <span class="ml-2"></span>
                                            </span>
                                        </td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </ul>
                </div>



            </div>
        </div>
    </div>
    </div>

    <!-- Script Start -->
    <script src="static/js/jquery.min.js"></script>
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/custom.js"></script>

</body>

</html>